<template>
  <view class="pageContent">
    <view class="pageTitle">世纪金源生活服务集团</view>
    <view>为国家一级资质服务企业,物业服务专业化运营领先品牌</view>
    <view>
      世纪金源生活服务集团第一家子公司成立于1992年，旗下拥有“世纪城物业管理”和“世纪生活”双品牌，致力于打造最具价值的物业服务企业及最值信赖的生活服务商。集团凭借科学化管理体系，信息化管理系统，丰富多彩的社区文化活动以及“互联网
      + ”智慧社区等多元化的物业管理模式，为客户提供规范、标准、精细、人性及智能的高品质物业运营管理服务。
    </view>
  </view>
</template>

<script>
  import {
    mapState
  } from 'vuex'
  import config from '../../../../static/config.js'
  import util from '../../../../static/utils/util.js'
  export default {
    data() {
      return {
        images: config.images,
        localImages: config.localImages,
        doorList: [],
        room: '',
        item: '',
      }
    },
    computed: {
      ...mapState({
        myInfo: state => state.user.myInfo
      })
    },
    onLoad(options) {
      var room = wx.getStorageSync('room');
      this.room = room;
    },
    onShow() {
    },
    methods: {
      addMem() {
        wx.navigateTo({
          url: '/pages/subMe/addMem/main'
        })
      },
      //获取该住户的门禁列表
      gateList() {
        var url = '/UserServer/mini/gate/gateList'
        var params = {}
        util.wxRequestPro(url, params).then((res) => {
          console.warn('gateList', res)
          if (res.param) {
            var param = res.param
            this.doorList = param;
          }
        })
      },

    }
  }
</script>

<style lang="stylus" scoped>
  .pageContent {
    min-height: 100vh;
    padding: 50rpx 30rpx 0rpx 30rpx;
    color: #030303;
    line-height: 50rpx;
  }

  .pageTitle {
    font-weight: bold;
    font-size: 32rpx;
    line-height: 48rpx;
    margin: 0rpx 0rpx 36rpx 0rpx;
  }

  .remote {
    padding: 20rpx 30rpx 20rpx 30rpx;

    .remoteMain {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      box-shadow: 4px 4px 22px 2px rgba(212, 212, 212, 0.39);
      width: 100%;
      height: 120rpx;
      border-radius: 10rpx;
      padding: 0rpx 20rpx 0rpx 116rpx;
      background: #FFFFFF;
      /* border 1px solid #666 */
      margin-bottom: 20rpx;
      z-index: 0;

      .remoteIco {
        position: absolute;
        top: 50%;
        left: 40rpx;
        margin-top: -25rpx;
        width: 56rpx;
        height: 46rpx;
        background: #84D7FF;
        /* border 1px solid #84D7FF */
      }

      .remoteSel {
        position: absolute;
        bottom: 0rpx;
        right: 0rpx;
        width: 56rpx;
        height: 36rpx;
        /* border 1px solid #84D7FF */
      }
    }
  }

  .remoteGate {
    font-size: 30rpx;
    color: #030303;
    line-height: 42rpx;
  }

  .remoteName {
    font-size: 26rpx;
    color: #92A7B3;
  }

  .remoteBac {
    position: absolute;
    width: 100%;
    width: 100%;
    top: 0rpx;
    left: 0rpx;
    z-index: -1;
  }
</style>
